<template>
  <div class="box">
    <div class="title">
      <div class="text">部门管理</div>
    </div>
    <div class="btns">
      <input class="one" type="text" placeholder="请输入部门名称" />
      <button class="two">查询</button>
      <button class="san">重置</button>
      <button class="si">新增部门</button>
    </div>
    <div class="table" align="center">
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="date" label="部门推荐" min-width="180"></el-table-column>

        <el-table-column prop="name" label="部门领导" min-width="180"></el-table-column>

        <el-table-column prop="address" label="部门成员" min-width="180"> </el-table-column>

        <el-table-column prop="address" label="成员岗位" min-width="180"> </el-table-column>
        
        <el-table-column prop="address" label="在职状态" min-width="180"> </el-table-column>

        <el-table-column prop="address" label="创建时间" min-width="180"> </el-table-column>

        <el-table-column prop="address" label="修改时间" min-width="180"> </el-table-column>

        <el-table-column  label="操作" min-width="180" fixed="right">
            <template>
                <el-button type="text" size="small">修改</el-button>
            </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script setup>

</script>
<style lang='scss' scoped>
.box {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  .title {
    width: 100%;
    height: 40px;
    margin-top: 50px;
    .text {
      width: 123px;
      height: 100%;
      font-weight: 700px;
      font-size: 24px;
      line-height: 40px;
      font-style: normal;
      text-decoration: none;
      text-align: right;
      border-left: 6px solid #4ba9ff;
    }
  }
  .btns {
    width: 100%;
    height: 49px;
    margin-top: 56px;
    .one {
      width: 200px;
      height: 100%;
      box-sizing: border-box;
    }
    .two {
      width: 100px;
      height: 100%;
      border: none;
      outline: none;
      background-color: #4ba9ff;
      color: white;
      box-sizing: border-box;
      margin-left: 61px;
      margin-right: 20px;
    }
    .san {
      width: 100px;
      height: 100%;
      border: none;
      outline: none;
      background-color: #4ba9ff;
      color: white;
      box-sizing: border-box;
    }
    .si {
      width: 140px;
      height: 100%;
      border: none;
      outline: none;
      background-color: #4ba9ff;
      color: white;
      box-sizing: border-box;
      float: right;
    }
  }
  .table {
    width: 100%;
    margin-top: 21px;
  }
}
</style>